body {
  background-color: #fff;
  text-align: justify;
  font-family: Open Sans,Verdana,Helvetica,sans-serif;
}

.separator {
  display: none;
  visibility: hidden;
}

#fbxze {
  visibility: hidden;
}

#bodywrap {
  min-width: 600px;
  max-width: 1004px;
  border: 0 none;
  margin: 0 auto 0 auto;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

#headwrap {
  background-repeat: no-repeat;
  height: 294px;
  margin: 0 auto;
  width: 1004px;
}

#footwrap {
  background: #fff url(/i/paticka.jpg) top left no-repeat;
  height: 156px;
  margin: 0 auto;
  width: 1004px;
}

#titulek {
  background-image: url(/i/tenky_pasik.jpg);
  width: 100%;
}

#paticka {
  background-color: #fff;
  width: 100%;
}

#menu {
  background-image: url(/i/menu.jpg);
  width: 100%;
  height: 23px;
}

.reklama {
  padding-top: 10px;
  padding-bottom: 15px;
  width: 95%;
}

#reklsen {
  padding-top: 15px;
}

table.calendar {
  width: 250px;
}

a:link, a:visited {
  color: #000;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
}

#rekl {
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 730px;
}

hr {
  width: 560px;
  border: solid #a2c3ee 1px;
  border-left-width: 0;
  border-right-width: 0;
  display: block;
  float: left;
  margin: 1em 10px 1em 10px;
}

.gom {
  position: relative;
  min-height: 120px;
  width: 580px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.gom h3.item {
  position: relative;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #4b89ea;
  padding-left: 160px;
  padding-right: 10px;
  padding-bottom: .2em;
}

h3 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

.gom .itembody {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

.gom .iteminfo {
  position: relative;
  padding-left: 160px;
  padding-bottom: .5em;
  color: #666;
  font-size: 10px;
}

.gom .iteminfo a:link, .gom .iteminfo a:visited {
  color: #000;
  font-style: normal;
  font-weight: 400;
}

.gom .patickacl {
  position: relative;
  color: #666;
  font-size: 10px;
  padding-top: 11px;
}

.gom .patickacl a:link, .gom .patickacl a:visited {
  color: #000;
  font-style: normal;
  font-weight: 400;
}

.gom .leftbox {
  position: relative;
  top: -46px;
  margin-bottom: -46px;
  float: left;
  display: block;
  left: 0;
  padding-right: 10px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 120px;
}

.gom h1.item {
  position: relative;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #4b89ea;
  padding-left: 160px;
  padding-right: 10px;
  padding-bottom: .2em;
}

div#subcat {
  margin-bottom: 15px;
}

div#subcat dl {
  display: block;
  padding: 1px 0 1px 10px;
  margin: 2px 0 2px 0;
  text-align: left;
  background: #d4d4d4;
  border: 1px inset;
}

div#subcat dl dt>a {
  color: #353535;
  display: block;
}

div#subcat dl dt>a:hover {
  color: #fff;
}

div#subcat dd {
  padding: 0 0 0 0;
  margin: 0 2px 0 10px;
  background: transparent url(arrow.gif) no-repeat top left;
}

div#subcat dd a {
  display: block;
  padding: 1px 0 1px 3px;
  margin: 0 0 0 15px;
  text-align: left;
}

div#subcat dd a.active {
  border: 1px inset gray;
  background: #eaeaea;
}

div#subcat dd a:hover {
  background-color: #4081bf;
  color: #fff;
}

.tclanek {
  text-align: center;
  text-align: left;
  width: 562px;
  margin: 0 auto;
}

.clan2 {
  width: 100%;
}

.clan2 h3 {
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  color: #4b89ea;
  left: 0;
}

h3.item2, h1.item2 {
  color: #4b89ea;
  font-size: 18px;
}

.clan2 .leftbox {
  top: 0;
  float: left;
  padding-left: 0;
  padding-right: 15px;
  padding-bottom: 10px;
}

.clan2 {
  text-align: justify;
}

.autorskyradek {
  width: 100%;
  position: relative;
  float: left;
  top: 2px;
}

.clan2 .itembody {
  text-align: justify;
}

.clan2 p {
  padding-bottom: 13px;
}

.clan2 img {
  padding: 6px;
}

.clan2 .itembody img {
  padding: 0;
}

.clan2iteminfo {
  position: relative;
  text-align: center;
  background-color: #eaeefe;
  padding: 15px 0;
}

.skbox {
  position: relative;
  left: 0;
  top: 0;
  height: 153px;
  width: 580px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.prednadpis {
  position: absolute;
  height: 16px;
  width: 180px;
  left: 52px;
  top: 17px;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.predsoutez {
  position: absolute;
  height: 16px;
  width: 260px;
  left: 12px;
  top: 39px;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.predhoste {
  position: absolute;
  height: 16px;
  width: 120px;
  left: 156px;
  top: 128px;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.preddomaci {
  position: absolute;
  height: 16px;
  width: 120px;
  left: 8px;
  top: 128px;
  font-family: Open Sans,Verdana,Helvetica,sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.predskore {
  position: absolute;
  height: 20px;
  width: 68px;
  left: 108px;
  top: 87px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.predodkazy {
  position: absolute;
  height: 20px;
  width: 120px;
  left: 28px;
  top: 148px;
  font-size: 11px;
  color: #a4ffff;
  text-align: left;
  text-transform: uppercase;
}

.predodkazy a {
  color: #a4ffff;
  text-transform: uppercase;
}

.naslnadpis {
  position: absolute;
  height: 16px;
  width: 180px;
  left: 348px;
  top: 17px;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.naslsoutez {
  position: absolute;
  height: 16px;
  width: 260px;
  left: 308px;
  top: 39px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.naslhoste {
  position: absolute;
  height: 16px;
  width: 120px;
  left: 452px;
  top: 128px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.nasldomaci {
  position: absolute;
  height: 16px;
  width: 120px;
  left: 304px;
  top: 128px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #fff;
  text-align: center;
}

.naslskore {
  position: absolute;
  height: 20px;
  width: 68px;
  left: 404px;
  top: 87px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 20px;
  color: #fff;
  text-align: center;
}

.naslodkazy {
  position: absolute;
  height: 20px;
  width: 120px;
  left: 324px;
  top: 148px;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #a4ffff;
  text-align: left;
  text-transform: uppercase;
}

.naslodkazy a {
  color: #a4ffff;
  text-transform: uppercase;
}

h4+ol#comments {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h4+ol#comments li {
  width: 562px;
  list-style: none;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 16px;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom: 0;
  min-height: 80px;
  background-repeat: no-repeat;
  background: url(/i/top_diskusie2.gif) bottom left no-repeat;
}

h4+ol#comments address {
  position: relative;
  font-size: 12px;
  font-style: normal;
  text-align: left;
  color: #f1f8fa;
  background: url(/i/top_diskusie2.gif) top left no-repeat;
  padding: 5px 0 0 30px;
  margin: 0 0 0 0;
  height: 23px;
  border: 0 ridge #70a0cf;
}

h4+ol#comments address a:link, h4+ol#comments address a:visited {
  color: #fff;
  text-decoration: none;
}

h4+ol#comments li ol li {
  min-height: 10px;
  background-image: none;
  background-repeat: no-repeat;
  margin-bottom: 0;
}

h4+ol#comments p {
  font-size: 11px;
  line-height: 1.4;
  text-align: justify;
  padding: 0 10px 0 10px;
}

h4+ol#comments ins {
  font-size: 10px;
  font-weight: 700;
  text-align: right;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  height: 17px;
  display: block;
}

h4+ol#comments>li>a {
  text-indent: 30px;
  color: #010101;
  padding: 0 0 0 0;
  width: 100%;
  height: 18px;
  bottom: 0;
  display: block;
  font-size: 11px;
  margin-bottom: 3px;
}

h4+ol#comments>li>a:hover {
  background-color: transparent;
  color: red;
}

.current {
  background-color: #cee8f0;
}

.parent {
  background-color: #f8f3c7;
}

.child {
  background-color: #f6d4c9;
}

.notpart, .notpart *, .notpart p[id]:before {
  color: #ccc;
  background-color: transparent!important;
  border-color: #bfbfbf!important;
}

.notpart p[id]:before, .notpart ins {
  border-top: 1px solid #ccc;
}

.notpart a, h4+ol#comments>.notpart>p>span:first-child {
  color: #ccc;
}

ol#comments .indent .current {
  background-color: #cee8f0;
  margin: 0 30px 30px 30px;
}

ol#comments .indent .parent {
  background-color: #f8f3c7;
  margin: 0 60px 30px 0;
}

ol#comments .indent .child {
  background-color: #f6d4c9;
  margin: 0 0 30px 60px;
}

ol#comments .indent .notpart {
  display: none;
}

ol#comments .current p, ol#comments .parent p, ol#comments .child p, ol#comments .indent p {
  background-color: transparent;
}

ol#comments li .reset {
  display: none;
}

ol#comments .current .reset, ol#comments .parent .reset, ol#comments .child .reset, ol#comments .notpart .reset {
  display: inline;
}

ol#comments .current .show, ol#comments .parent .show, ol#comments .child .show, ol#comments .notpart .show {
  right: 50px;
}

h4+ol#comments dfn {
  right: 0;
  color: #f1f8fa;
  background-color: transparent;
  border: 0 solid;
  font-size: 11px;
  cursor: pointer;
  font-style: normal;
  padding-right: 7px;
  margin-top: 1px;
  line-height: 1.6;
  float: right;
}

h4+ol#comments li img.avatar {
  position: relative;
  left: -20px;
  top: 5px;
  padding-left: 25px;
  float: right;
  z-index: 2;
  max-width: 70px;
}

.prispevky {
  text-align: right;
  float: right;
  padding-bottom: 10px;
  color: #666;
  font-size: 11px;
}

.prispevky a:link, .prispevky a:visited {
  color: #000;
  font-style: normal;
  font-weight: 700;
}

.autor {
  text-align: left;
  float: left;
  padding-bottom: 10px;
  color: #666;
  font-size: 11px;
}

h3 a:link, h3 a:visited {
  color: #4b89ea;
  text-decoration: none;
}

.tnadpis {
  position: relative;
  font-size: 11px;
  font-weight: 700;
  width: 160px;
  height: 17px;
}

.tradek {
  position: relative;
  width: 160px;
  background: url(/i/under_player.jpg) bottom right no-repeat;
  background-color: #fff;
  height: 17px;
  font-size: 11px;
}

.sl1 {
  position: absolute;
  top: 0;
  width: 15px;
  text-align: center;
}

.sl1x {
  position: absolute;
  top: 0;
  width: 50px;
  text-align: center;
}

.sl2 {
  position: absolute;
  top: 0;
  left: 15px;
  width: 63px;
}

.sl2x {
  position: absolute;
  top: 0;
  left: 50px;
  width: 110px;
}

.sl2x a {
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}

.sl3 {
  position: absolute;
  top: 0;
  left: 78px;
  width: 68px;
}

.sl4 {
  position: absolute;
  top: 0;
  left: 146px;
  width: 15px;
}

#colswrap {
  width: 100%;
  overflow: hidden;
  background-color: transparent;
}

.column {
  float: left;
}

#col1wrap {
  width: 100%;
  background-color: #fff;
}

#col1pad {
  padding-left: 212px;
  padding-right: 212px;
}

#col2wrap {
  width: 210px;
  margin-left: -100%;
  background: url(/i/biele_pozadie_lave.jpg);
  background-repeat: repeat-y;
  background-color: #fff;
}

#col2pad {
  width: 170px;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 30px;
  font-size: 11px;
}

#col2pad h2 {
  height: 42px;
  width: 200px;
  position: relative;
  left: -20px;
  background-image: url(/i/poz_sl_h.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #fff;
  text-indent: 19px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#col2pad div.nadpis {
  height: 42px;
  width: 200px;
  position: relative;
  left: -20px;
  background-image: url(/i/poz_sl_h.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-indent: 19px;
  padding-top: 12px;
  padding-bottom: 10px;
}

#col2pad div.nadpisprvni {
  height: 45px;
  width: 200px;
  position: relative;
  background-image: url(/i/poz_sl_horni.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-indent: 19px;
  padding-top: 18px;
  margin-left: -20px;
}

#col2pad h2.prvnih {
  height: 42px;
  width: 200px;
  position: relative;
  background-image: url(/i/poz_sl_horni.jpg);
  background-position: left top;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #fff;
  text-indent: 19px;
  padding-top: 21px;
}

#col2pad .hmesice {
  position: relative;
  left: -3px;
}

#col2pad a {
  font-style: normal;
  font-weight: 400;
}

#col2pad h4 {
  font-size: 12px;
}

#col3wrap {
  width: 210px;
  margin-left: -210px;
  background: url(/i/biele_pozadie_prave.jpg);
  background-repeat: repeat-y;
  background-color: #fff;
}

#col3pad {
  width: 160px;
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 19px;
  font-size: 11px;
}

#col3pad a {
  font-style: normal;
  font-weight: 400;
}

#col3pad h2 {
  position: relative;
  margin-left: -19px;
  background-image: url(/i/poz_sl_h.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  height: 42px;
  width: 200px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  text-indent: 19px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#col3pad h2.prvnih {
  position: relative;
  margin-left: -19px;
  background-image: url(/i/poz_sl_horni.jpg);
  background-position: left top;
  height: 42px;
  width: 200px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  text-indent: 19px;
  padding-top: 16px;
}

#col3pad ul li {
  margin-left: 20px;
}

blockquote {
  padding: 0 15px;
  margin: 0 40px 30px 40px;
  border-left: 2px solid #4b89ea;
}

blockquote p {
  margin-bottom: 0;
  line-height: 22.5px;
  text-align: left;
  padding-bottom: 0;
}

blockquote small {
  display: block;
  line-height: 18px;
  color: #4b89ea;
  font-size: 16px;
}

blockquote small:before {
  content: "\2014 \00A0";
}

blockquote.pull-right {
  float: right;
  padding-left: 0;
  padding-right: 15px;
  border-left: 0;
  border-right: 5px solid #4b89ea;
}

blockquote.pull-right p, blockquote.pull-right small {
  text-align: right;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
}

.container4 {
  background-image: url(/i/menu.jpg);
  width: 100%;
  height: 23px;
  text-align: center;
  margin: 0 0 0 0;
  position: relative;
}

.menu4 {
  text-align: left;
  font-family: verdana,sans-serif;
  position: relative;
  font-size: .85em;
  background: transparent;
  width: 600px;
  height: 30px;
  margin: 0 auto;
}

#menuwrap {
  margin: 0 auto;
  width: 970px;
  color: #fff;
  height: 23px;
}

#menuwrap ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#menuwrap li {
  float: left;
  position: relative;
  z-index: 100;
}

#menuwrap ul li {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 137px;
  padding: 2px 0 7px 0;
  height: 10px;
}

#menuwrap table {
  position: absolute;
  border-collapse: collapse;
  z-index: 80;
  left: -1px;
  top: 25px;
}

#menuwrap a, .menuwrap :visited {
  font-size: 10px;
  width: 137px;
  color: #fff;
  text-decoration: none;
  margin-right: 0;
  text-align: center;
  background-color: transparent;
}

#menuwrap :hover {
  color: #fff;
}

#menuwrap ul li:hover {
  background-image: url(/i/button.jpg);
}

#menuwrap ul ul {
  visibility: hidden;
  position: absolute;
  width: 121px;
  padding-left: 8px;
  background-image: none;
  height: 0;
}

#menuwrap ul li:hover ul, #menuwrap ul a:hover ul {
  visibility: visible;
  background-image: none;
}

#menuwrap ul li ul li {
  background-color: #314ac8;
  background-image: none;
  width: 121px;
}

#menuwrap ul :hover ul li :hover {
  background-color: #d4d8bd;
  color: red;
  background-image: none;
}

#menuwrap ul:hover li ul li:hover, #menuwrap ul:hover li ul li:hover a:hover {
  background-image: none;
  background-color: #314ad8;
  color: #a4ffff;
}

a:hover {
  color: #2a4ec2;
}

#toolbar {
  display: block;
  margin: 5px 0 5px 0;
  clear: both;
}

#toolbar a:link, #toolbar a:visited, #toolbar a {
  display: block;
  float: right;
  width: 50px;
  height: 15px;
  background-color: #aeea00;
  border: 1px outset;
  margin: 3px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  color: #000;
}

#toolbar a:hover {
  background-color: #cd5c5c;
  color: #fff;
  border-style: inset;
}

#commentform {
  text-align: right;
}

.formfield {
  background-color: #eee9db;
  border: 1px solid #8e7a47;
}

.formbutton {
  background-color: #e9e4d5;
  border: 1px solid #8e7a47;
  margin-top: 2px;
  padding: 0 0 0 0;
  font-size: 12px;
}

textarea {
  width: 90%;
}

form#contactform {
  text-align: right;
}

form#contactform input {
  margin: 5px;
}

form#contactform fieldset {
  padding: 10px;
}

html .fb_share_button {
  display: -moz-inline-block;
  display: inline-block;
  padding: 1px 20px 0 5px;
  height: 15px;
  border: 1px solid #d8dfea;
  background: url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right;
}

html .fb_share_button:hover {
  color: #fff;
  border-color: #295582;
  background: #3b5998 url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top right;
  text-decoration: none;
}

#pmenu {
  padding: 0;
  margin: 0 auto;
  list-style-type: none;
  display: table;
}

#pmenu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: block;
}

#pmenu li ul {
  display: none;
}

#pmenu li a, #pmenu li a:visited {
  display: block;
  width: 120px;
  font-size: 11px;
  color: #fff;
  height: 25px;
  line-height: 24px;
  text-decoration: none;
  text-indent: 5px;
  border: 1px solid #000;
  border-width: 1px 0 1px 1px;
  text-align: left;
}

#pmenu li ul li a, #pmenu li ul li a:visited {
  border-width: 0 1px 1px 1px;
}

#pmenu li a.enclose, #pmenu li a.enclose:visited {
  border-width: 1px;
}

#pmenu li {
  float: left;
  background: #7484ad;
}

#pmenu li.tc {
  display: table-cell;
}

#pmenu li:hover {
  position: relative;
}

#pmenu li:hover>a {
  background: #dfd7ca;
  color: #c00;
}

#pmenu li:hover>ul {
  display: block;
  position: absolute;
  top: -11px;
  left: 80px;
  padding: 10px 30px 30px 30px;
  background: transparent url(transparent.gif);
  width: 120px;
}

#pmenu>li:hover>ul {
  left: -30px;
  top: 16px;
}

#pmenu table {
  position: absolute;
  border-collapse: collapse;
  top: 0;
  left: 0;
  z-index: 100;
  font-size: 1em;
}

* html #pmenu li a:hover {
  position: relative;
  background: #dfd7ca;
  color: #c00;
}

#pmenu li a:active, #pmenu li a:focus {
  background: #dfd7ca;
  color: #c00;
}

#pmenu li.fly {
  background: #7484ad url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;
}

#pmenu li.drop {
  background: #7484ad url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;
}

* html #pmenu li ul {
  visibility: hidden;
  display: block;
  position: absolute;
  top: -11px;
  left: 80px;
  padding: 10px 30px 30px 30px;
  background: transparent url(transparent.gif);
}

#pmenu li a:hover ul ul, #pmenu li a:hover ul a:hover ul ul, #pmenu li a:hover ul a:hover ul a:hover ul ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
  visibility: hidden;
}

#pmenu li a:hover ul {
  visibility: visible;
  left: -30px;
  top: 14px;
  lef\t: -31px;
  to\p: 15px;
}

#pmenu li a:hover ul a:hover ul {
  visibility: visible;
  top: -11px;
  left: 80px;
}

#pmenu li a:hover ul a:hover ul a:hover ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul, #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
  visibility: visible;
}

.B {
  margin: 0;
}

.T {
  border-collapse: collapse;
  font-size: 11px;
  border-color: #89d5fb;
}

.C {
  background-color: #fff;
}

.W {
  width: 560px;
}

.H {
  height: 500px;
}

.T TD {
  padding-left: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
  text-align: center;
}

.TI {
  color: 89d5fb;
  background-color: #4070d2;
  text-decoration: none;
  font-size: 9px;
  font-weight: 700;
}

.FC {
  color: #000;
}

.FF {
  font-family: Arial;
}

.sTRA {
  background-color: #fff;
}

.sTRF {
  font-weight: 700;
}

#accordion {
  width: 160px;
  margin: 0 auto;
}

#accordion .ui-accordion-content {
  width: 100%;
  background-color: #f3f3f3;
  color: #777;
}

#accordion .ui-accordion-content>* {
  margin: 0;
  padding: 5px;
}

#accordion .ui-accordion-content a {
  color: #777;
}

#accordion .ui-accordion-header a {
  color: #fff;
  line-height: 42px;
  display: block;
  font-size: 12px;
  width: 100%;
  text-indent: 10px;
}

#accordion .ui-accordion-header {
  background-color: #ccc;
  margin: 0;
  padding: 5px;
  text-align: left;
  background: #36f;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNjZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzNjZjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,#36f 0,#36c 50%,#33c 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#36f),color-stop(50%,#36c),color-stop(100%,#33c));
  background: -webkit-linear-gradient(top,#36f 0,#36c 50%,#33c 100%);
  background: -o-linear-gradient(top,#36f 0,#36c 50%,#33c 100%);
  background: -ms-linear-gradient(top,#36f 0,#36c 50%,#33c 100%);
  background: linear-gradient(to bottom,#36f 0,#36c 50%,#33c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3366ff', endColorstr='#3333cc',GradientType=0 );
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}